<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{% block title %}<title>秒针空间后台管理系统</title>{% end %}
    <link rel="stylesheet" type="text/css" href="{{static_url('admin/css/bootstrap.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{static_url('admin/css/style.css')}}">
    <link rel="stylesheet" type="text/css" href="{{static_url('admin/css/style_side.css')}}">
    <link rel="stylesheet" type="text/css" href="{{static_url('admin/css/font-awesome.min.css')}}">
    <link rel="icon" href="{{static_url('images/facion.icon')}}">
    <link rel="shortcut icon" href="{{static_url('admin/images/icon/favicon.ico')}}">
</head>
<body>
	<div id="wrapper">
        <div class="overlay"></div>
        <!-- Sidebar -->
        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
            <ul class="nav sidebar-nav">
                <li class="sidebar-brand">
                    <a href="#">
                       秒针CMS
                    </a>
                </li>
                <li>
                    <a href="/admin"><i class="fa fa-fw fa-home"></i>报告</a>
                </li>
                <li>
					<a href="/admin/article"><i class="fa fa-fw fa-home"></i>文章</a>
                </li>
                <li>
                    <a href="/admin/blog"><i class="fa fa-fw fa-home"></i>博客</a>
                </li>
                <li>
                    <a href="/admin/comment"><i class="fa fa-fw fa-home"></i>评论</a>
                </li>
				<li>
					<a href="/admin/contact"><i class="fa fa-fw fa-home"></i>留言</a>
				</li>
				<li>
					<a href="/admin/flink"><i class="fa fa-fw fa-home"></i>友情链接</a>
				</li>
				<li>
					<a href="/admin/setting"><i class="fa fa-fw fa-home"></i>基本设置</a>
				</li>
				<li>
					<a href="/admin/manage_user"><i class="fa fa-fw fa-home"></i>管理用户</a>
				</li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i>更多信息<span class="caret"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li class="dropdown-header">用户管理</li>
                    <li><a title="查看或修改个人信息" data-toggle="modal" data-target="#seeUserInfo">个人信息</a></li>
                    <li><a href="/">前往前端</a></li>
                    <li><a href="/admin/loginout">退出登录</a></li>
                    <li><a data-toggle="modal" data-target="#WeChat">帮助</a></li>
                  </ul>
                </li>
        </nav>
        <!-- /#sidebar-wrapper -->
        <!-- Page Content -->
        <div id="page-content-wrapper">
          <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
            <span class="hamb-top"></span>
            <span class="hamb-middle"></span>
            <span class="hamb-bottom"></span>
          </button>
            <div class="container">
                <div class="row">
					{% block body %}
				    {% end %}
                </div>
            </div>
        </div>
        <!-- /#page-content-wrapper -->

    </div>
    <!-- /#wrapper -->
	<!--个人信息模态sa框-->
	<div class="modal fade" id="seeUserInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
		<form action="/admin/update-info" method="post">
		   {% module xsrf_form_html() %}
		  <div class="modal-content">
			<div class="modal-header">
			  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			  <h4 class="modal-title" >个人信息</h4>
			</div>
			<div class="modal-body">
			  <table class="table" style="margin-bottom:0px;">
				<thead>
				  <tr> </tr>
				</thead>
				<tbody>
				  {% if current_user  %}
				  <tr>
					<td wdith="20%">用户名:</td>
					<td width="80%"><input type="text" value="{{current_user.name}}" class="form-control" name="username" maxlength="10" autocomplete="off" /></td>
				  </tr>
				  <tr>
					<td wdith="20%">电话:</td>
					<td width="80%"><input type="text" value="{{current_user.mobile}}" class="form-control" name="usertel" maxlength="13" autocomplete="off" /></td>
				  </tr>
				  <tr>
					<td wdith="20%">旧密码:</td>
					<td width="80%"><input type="password" class="form-control" name="old_password" maxlength="18" autocomplete="off" /></td>
				  </tr>
				  <tr>
					<td wdith="20%">新密码:</td>
					<td width="80%"><input type="password" class="form-control" name="password" maxlength="18" autocomplete="off" /></td>
				  </tr>
				  <tr>
					<td wdith="20%">确认密码:</td>
					<td width="80%"><input type="password" class="form-control" name="new_password" maxlength="18" autocomplete="off" /></td>
				  </tr>
				</tbody>
				{% end %}
				<tfoot>
				  <tr></tr>
				</tfoot>
			  </table>
			</div>
			<div class="modal-footer">
			  <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			  <button type="submit" class="btn btn-primary">提交</button>
			</div>
		  </div>
		</form>
	  </div>
	</div>
	<!--微信二维码模态框-->
	<div class="modal fade user-select" id="WeChat" tabindex="-1" role="dialog" aria-labelledby="WeChatModalLabel">
	  <div class="modal-dialog" role="document" style="margin-top:120px;max-width:280px;">
		<div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<h4 class="modal-title" id="WeChatModalLabel" style="cursor:default;">微信扫一扫</h4>
		  </div>
		  <div class="modal-body" style="text-align:center"> <img src="{{static_url('admin/images/weixin.jpg')}}" alt="" style="cursor:pointer"/> </div>
		</div>
	  </div>
	</div>
    <script src="{{static_url('admin/js/jquery.min.js')}}"></script>
	<script src="{{static_url('admin/js/bootstrap.min.js')}}"></script>
	<script src="{{static_url('admin/js/admin-scripts.js')}}"></script>
	<script type="text/javascript">
		$(document).ready(function () {
		  var trigger = $('.hamburger'),
		      overlay = $('.overlay'),
		     isClosed = false;

		    trigger.click(function () {
		      hamburger_cross();
		    });

		    function hamburger_cross() {

		      if (isClosed == true) {
		        overlay.hide();
		        trigger.removeClass('is-open');
		        trigger.addClass('is-closed');
		        isClosed = false;
		      } else {
		        overlay.show();
		        trigger.removeClass('is-closed');
		        trigger.addClass('is-open');
		        isClosed = true;
		      }
		  }

		  $('[data-toggle="offcanvas"]').click(function () {
		        $('#wrapper').toggleClass('toggled');
		  });
		});
	</script>
{% block end %}{% end %}
</body>
</html>
